<!DOCTYPE html>
<html lang="en">
<head>
	<%= require('html-loader!./layout/head-common.html') %>
<title><%= htmlWebpackPlugin.options.title%></title>
</head>
<body>
	<%= require('html-loader!./layout/nav.html')%>
	<%= require('html-loader!./layout/header.html') %>
	<div class="crumb">
		<div class="w">
			<div class="crumb-con">
				<a href="./index.html" class="link">Learn</a>
				<span>>></span>
				<span class="link-text"><%= htmlWebpackPlugin.options.title%></span>
			</div>
		</div>
	</div>
	<div class="page-wrap w">
		<div class="intro-wrap">
			<div class="p-img-con">
				<div class="main-img-con">
					<img src="" alt="" class="main-img">
				</div>
				<ul class="p-img-list">
					<li class="p-img-item">
						<img src="" alt="" class="p-img">
					</li>
					<li class="p-img-item">
						<img src="" alt="" class="p-img">
					</li>
					<li class="p-img-item">
						<img src="" alt="" class="p-img">
					</li>
				</ul>
			</div>
			<div class="p-info-con">
				<h1 class="p-name">p-name</h1>
				<p class="p-subtitle">subtitle</p>
				<div class="p-info-item">
					<span class="label">价格：</span>
					<span class="info-item">¥2222</span>
				</div>
				<div class="p-info-item">
					<span class="label">库存：</span>
					<span class="info-item">110</span>
				</div>
				<div class="p-info-item p-count-con">
					<span class="label">数量：</span>
					<input class="p-count" value="1" readonly=""/>
					<span class="p-count-btn plus">+</span>
					<span class="p-count-btn minus">-</span>
				</div>
				<div class="p-info-item">
					<a href="" class="btn cart-add">加入购物车</a>
				</div>
			</div>
		</div>
		<div class="detail-wrap">
			<div class="detail-tab-con">
				<ul class="tab-list">
					<li class="tab-item active">详细描述</li>
				</ul>
			</div>
			<div class="detail-con">
				
			</div>
		</div>
	</div>
	<%= require('html-loader!./layout/footer.html') %>
</body>
</html>